<template>
  <el-card class="box-card">
    <el-tabs v-model="activeName">
      <el-tab-pane label="出售中产品(0)" name="first">
          <goodsAll/>
      </el-tab-pane>
      <el-tab-pane label="待上架产品(0)" name="second">
      </el-tab-pane>
      <el-tab-pane label="仓库中产品(0)" name="third">
      </el-tab-pane>
      <el-tab-pane label="已售罄产品(0)" name="fourth">
      </el-tab-pane>
      <el-tab-pane label="警戒库存(0)" name="fourth2">
      </el-tab-pane>
      <el-tab-pane label="回收站(0)" name="fourth3">
      </el-tab-pane>
    </el-tabs>
  </el-card>
</template>
<script type="text/javascript">
import goodsAll from './goods_all'
export default {
  components: {
    goodsAll
  },
  data() {
    return {
      activeName: 'first'
    };
  },
  
  methods: {
    handleClick(tab, event) {
      console.log(tab, event);
    }
  }
};

</script>
<style type="text/css" lang="scss">
.box-card {
  margin: 0;
  padding: 0;
}

</style>
